<!--
 * @Author: 红星大哥 zhxlx@foxmail.com
 * @Date: 2024-07-15 17:13:39
 * @LastEditors: 红星大哥 zhxlx@foxmail.com
 * @LastEditTime: 2024-07-17 14:14:12
 * @FilePath: \esp8266\led.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--这一行声明了HTML文档使用XHTML 1.0标准，这是XML的一个应用，它增强了HTML的语义和结构。-->
<html xmlns="http://www.w3.org/1999/xhtml">
 
 
<!--在`<head>`部分，您设置了一些元数据：`Content-Type`声明了文档类型是HTML，
并且字符编码是UTF-8。`<title>`标签定义了当页面在浏览器标签页上显示时的标题。-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="UTF-8">
    <title>led control</title>
</head>
 
 
<!--在`<body>`部分，`<h1>`标签定义了一个一级标题，居中对齐，内容是“基于ARM的web控制LED灯”。-->
<body>
 <h1 align="center">基于ARM的web控制LED灯</h1>
 
 <p align="center">点击下面的链接跳转到另一个页面：  
 <!-- 这是一个指向另一个网页的链接 -->  
 <a href="https://www.example.com">访问Example网站</a></p>
 
  <!--新建一个表单，动作链接到开发板的/cgi-bin/led.cgi，采用的方法为GET--> 
  <!--这一段是一个`<form>`标签，它定义了一个表单，用户可以通过这个表单发送数据。
  `action`属性指定了当用户提交表单时，数据将被发送到的URL（在本例中是`/cgi-bin/led.cgi`），而`method`属性指定了数据发送的方式，这里使用的是GET方法。-->
  <form action="/cgi-bin/led.cgi" method="get">  
 
 
   <!--这三行`<p>`标签添加了表单的说明文字和输入字段。用户被要求输入要控制的LED编号（`led_num`）和控制LED的动作（`led_state`）。
   `<input>`标签的`type`属性设置为`text`，表示输入字段是文本类型，而`name`属性用于在提交表单时识别字段。-->
   <p align="center">Web端的led的控制测试</p >
   <p align="center">请输入需要控制的led <input type="text" name="led_num"/></p >
   <p align="center">请输入控制led的动作 <input type="text" name="led_state"/></p >
 
 
   <!--这一段添加了两个按钮：一个是提交按钮，一个是重置按钮。提交按钮（`<input type="submit">`）当用户点击时，
   会将表单数据发送到服务器。重置按钮（`<input type="reset">`）会重置表单到初始状态。-->
   <p align="center"><input type="submit" value="sure"/>        
         <input type="reset" value="back"/>
   </p >
  </form>
 
 
<!--这两行标签分别表示`<body>`和`<html>`标签的结束.-->
</body>
</html>
 
 